/* 溢出省略文本 */
<template>
	<view
		class="ellipsis-text"
		:style="{
			'-webkit-line-clamp': line,
		}"
	>
		{{content}}
	</view>
</template>

<script>
export default {
  props: {
    content: {
      type: String,
      default: ''
    },
    line: {
      type: Number,
      default: 1
    }
  }
}
</script>

<style lang="scss" scoped>
.ellipsis-text {
  display: -webkit-box;
  overflow: hidden;
  font-size: inherit;
  font-weight: inherit;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
</style>
